.link-search-diagram-component {
    width: 95%;
    height: 95%;
    border: solid 1px black;
    background-color: white;
  }
.link-search-container{
    width: 100%;
    height:100%;
    overflow: auto;
}  

.link-search-header{
    font-size: 13px;
    padding: 20px;
}

.link-search-input{
    width:400px;
}

// 新增：定义通知样式
.showNotification {
    position: fixed; /* 固定定位，使得通知不会因为页面滚动而移动 */
    top: 20px;       /* 距离顶部的距离 */
    right: 20px;     /* 距离右边的距离 */
    background-color: #f8d7da; /* 浅红色背景 */
    color: #721c24;  /* 深红色文字 */
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2); /* 添加阴影效果 */
    z-index: 1000; /* 确保通知位于其他内容之上 */
    animation: slideInFromTop 0.3s forwards; /* 动画效果 */

    &.hide {
        animation: slideOutToTop 0.3s forwards;
    }
}

/* 定义动画 */
@keyframes slideInFromTop {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

@keyframes slideOutToTop {
    from { transform: translateY(0); opacity: 1; }
    to { transform: translateY(-100%); opacity: 0; }
}